@charset "utf-8";

/* Core Code */
html, body, *{ padding:0;margin:0;font-size:12px;font-family:Arial, sans-serif;word-break:break-all;}
input[type="checkbox"] { margin:3px 3px 3px 4px;}
/* Remember to define focus styles! */
:focus{ outline:0;}
body{ width:100%;height:100%;color:black;overflow:hidden;}
ul, ol{ list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table{ border-collapse:separate;border-spacing:0;}
caption, th, td{ font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after{ content:"";}
blockquote, q{ quotes:"" "";}

img{ border:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}

header{ display:block;overflow:hidden;height:39px;position:relative;border-bottom-width:1px;border-bottom-style:solid;}
main{ overflow:hidden;}
footer{ text-align:center;width:100%;height:25px;line-height:25px;padding:0 5px;z-index:-1;border-top-width:1px;border-top-style:solid;position:absolute;}

/* Menu */
header .logo{ float:left;width:200px;height:100%;background:url(../default/images/logo.png) no-repeat;}
header .nav{ display:block;float:right;z-index:1;}
header .nav li{ float:left;padding:0 5px;line-height:37px;}
#navMenu{ float:left;display:block;position:absolute;top:3px;left:202px;z-index:1;border-radius:6px 6px 0 0;border-width:1px;border-style:solid }
#navMenu li{ float:left;border-right-width:1px;border-right-style:solid }
#navMenu li:first-child{ border-radius:6px 0 0 0;}
#navMenu li:last-child{ border-right-width:0;border-radius:0 6px 0 0;}
#navMenu li.selected{ border-width:1px 1px 1px 1px;border-style:solid;}
#navMenu li a{ font-size:14px;font-weight:bold;line-height:36px;text-decoration:none;padding:0 15px;}
#navMenu li a i{ font-size:14px;}
#navMenu li.selected a{ line-height:33px;}

/* Tabs */
.tabs{ background-position:0 100%;background-repeat:repeat-x;}
.tabs .tabsHeader{ display:block;overflow:hidden;height:30px;padding-left:5px;background-position:0 0;}
.tabs .tabsHeaderContent{ display:block;overflow:hidden;height:100%;}
.tabs .tabsHeader ul{ display:block;height:100%;}
.tabs .tabsHeader li{ float:left;display:block;height:100%;margin-right:2px;line-height:30px;}
.tabs .tabsHeader li a{ float:left;display:block;height:100%;padding:0 15px;line-height:30px;}
.tabs .tabsHeader li a:hover{ text-decoration:none;}
.tabs .tabsHeader li.selected{ border-style:solid;border-width:1px;background:#fff;}
.tabs .tabsContent{ display:block;overflow:auto;}

.tabsPage{ margin-left:202px;}
.tabsPage .tabsPageHeader{ display:block;height:32px;border-style:solid;border-width:0px 1px 1px 1px;position:relative;}
.tabsPage .tabsPageHeaderContent{ display:block;overflow:hidden;height:33px;margin-right:19px;position:relative;}
.tabsPage .tabsPageHeaderMargin{ margin:0 34px 0 17px;}
.tabsPage .tabsPageHeader ul{ display:block;width:10000px;height:32px;z-index:1;margin-top:1px;position:absolute;}
.tabsPage .tabsPageHeader li{ float:left;display:block;height:100%;margin-left:2px;border-style:solid;border-width:1px 1px 0 1px;border-color:#aaaaaa;border-radius:3px 3px 0 0;position:relative;}
.tabsPage .tabsPageHeader li a{ font-size:13px;display:block;overflow:hidden;max-width:112px;padding-left:8px;padding-right:16px;line-height:32px;background-position:0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabsPage .tabsPageHeader li a:hover{ text-decoration:none;}
.tabsPage .tabsPageHeader li.hover a ,.tabsPage .tabsPageHeader li.selected a{ font-weight:bold;}
.tabsPage .tabsPageHeader li .close{ line-height:14px;height:14px;font-size:14px;padding:0;position:absolute;top:2px;right:2px;}
.tabsPage .tabsMove{ height:100%;position:absolute;top:0;right:0;z-index:2;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore{ display:block;overflow:hidden;width:17px;height:27px;text-indent:-1000px;position:absolute;z-index:2;}
.tabsPage .tabsLeft{ background-position:0 0;top:1px;left:0;cursor:pointer;}
.tabsPage .tabsLeftHover{ background-position:0 -50px;}
.tabsPage .tabsLeftDisabled{ background-position:0 -100px;top:1px;left:0;cursor:default;}
.tabsPage .tabsRight{ background-position:0 -150px;top:1px;right:17px;cursor:pointer;}
.tabsPage .tabsRightHover{ background-position:0 -200px;}
.tabsPage .tabsRightDisabled{ background-position:0 -250px;top:1px;right:17px;cursor:default;}
.tabsPage .tabsMore{ background-position:0 -300px;top:1px;right:0;cursor:pointer;}
.tabsPage .tabsMoreHover{ background-position:0 -350px;}
.tabsPage .tabsMoreList{ display:none;overflow-x:hidden;overflow-y:auto;width:170px;max-height:380px;padding:2px;border-style:solid;border-width:1px;position:absolute;top:24px;right:0;z-index:3;}
.tabsPage .tabsMoreList li{ display:block;overflow:hidden;height:23px;line-height:21px;}
.tabsPage .tabsMoreList li a{ display:block;width:148px;height:21px;padding:0 10px;border:solid 1px #FFF;white-space:nowrap;line-height:21px;}
.tabsPage .tabsMoreList li a:hover{ border-color:#ececec;text-decoration:none;background:#f5f5f5;}
.tabsPage .tabsMoreList li.selected a{ font-weight:bold;border-color:#dfe5ed;background:#e8edf3;}
.tabsPage .tabsPageContent{ display:block;overflow:hidden;border-left-style:solid;border-left-width:1px;position:relative;}

/* Alert */
.alert{ overflow:hidden;z-index:1011;display:block;width:300px;margin-left:-150px;position:absolute;top:0;left:50%;}
.alert .alertContent{ display:block;overflow:hidden;padding:5px 5px 1px 5px;border-style:solid;border-width:0 1px;}
.alert .alertInner{ display:block;padding:0 9px 9px 9px;text-align:left;border-style:solid;border-width:1px;}
.alert .alertInner .msg{ margin:10px;max-height:200px;overflow:auto;line-height:1.3em}
.alert h1{ display:block;overflow:hidden;height:30px;margin-bottom:10px;padding:0 0 0 25px;line-height:30px;border-style:solid;border-width:0 0 1px 0;line-height:30px;}
.alert .error h1{ background-position:2px -42px;}
.alert .info h1,
.alert .warn h1{ background-position:2px 8px;}
.alert .correct h1{ background-position:2px -92px;}
.alert .confirm h1{ background-position:2px 8px;}
.alert p{ margin:10px;}

.alert .toolBar{ display:block;overflow:hidden;height:25px;padding-top:5px;text-align:right;}
.alert .toolBar ul{ float:right;}
.alert .toolBar li{ float:left;}
.alert .toolBar .button, .alert .toolBar .buttonActive{ margin-left:5px;}

.alert .alertFooter_c{ display:block;overflow:hidden;height:5px;}
.alert .alertFooter{ padding-left:5px;background-position:0 0;}
.alert .alertFooter_r{ padding-right:5px;background-position:100% -50px;}
.alert .alertFooter_c{ padding:0;background-position:0 -100px;background-repeat:repeat-x;}

/* Dialog */
.dialog{ display:block;text-align:left;position:absolute;z-index:42;}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c{ display:block;overflow:hidden;height:28px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize{ display:block;overflow:hidden;text-indent:-1000px;width:19px;height:19px;position:absolute;top:5px;}
.dialog .dialogHeader h1{ display:block;overflow:hidden;height:28px;padding:0 5px 0 20px;line-height:28px;background-position:0 -450px;}

.dialog .dialogHeader{ padding-left:5px;background-position:0 0;position:relative;cursor:move;}
.dialog .dialogHeader_r{ padding-right:5px;background-position:100% -50px;}
.dialog .dialogHeader_c{ padding:0;background-position:0 -100px;background-repeat:repeat-x;}

.dialog .dialogHeader .close{ background-position:0 0;right:4px;}
.dialog .dialogHeader .close:hover{ background-position:0 -50px;}
.dialog .dialogHeader .maximize{ background-position:0 -100px;right:23px;}
.dialog .dialogHeader .maximize:hover{ background-position:0 -150px;}
.dialog .dialogHeader .restore{ display:none;background-position:0 -200px;right:23px;}
.dialog .dialogHeader .restore:hover{ background-position:0 -250px;}
.dialog .dialogHeader .minimize{ background-position:0 -300px;right:42px;}
.dialog .dialogHeader .minimize:hover{ background-position:0 -350px;}
.dialog .dialogContent{ display:block;overflow:hidden;padding:5px 5px 1px 5px;border-style:solid;border-width:0 1px;}
.dialog .panelFooter_r, .dialog .dialogFooter_c{ display:block;overflow:hidden;height:5px;}
.dialog .dialogFooter{ padding-left:5px;background-position:0 -150px;}
.dialog .dialogFooter_r{ padding-right:5px;background-position:100% -200px;}
.dialog .dialogFooter_c{ padding:0;background-position:0 -250px;background-repeat:repeat-x;}
.dialogProxy{ opacity:0.8;filter:alpha(opacity=80);}
.dialog .resizable_f_r{ width:11px;height:11px;background-position:0 -400px;}

/* Dialog Resizable */
.resizable{ display:none;overflow:hidden;border-style:dashed;border-width:1px;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;z-index:100;}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c{ display:block;overflow:hidden;width:6px;height:6px;position:absolute;}
.resizable_h_l{ cursor:nw-resize;top:0;left:0;z-index:2;}
.resizable_h_r{ cursor:ne-resize;top:0;right:0;z-index:2;}
.resizable_h_c{ width:100%;cursor:n-resize;top:0;left:0;z-index:1;}
.resizable_c_l{ cursor:w-resize;top:0;left:0;z-index:1;}
.resizable_c_r{ cursor:e-resize;top:0;right:0;z-index:1;}
.resizable_f_l{ cursor:sw-resize;bottom:0;left:0;z-index:2;}
.resizable_f_r{ cursor:se-resize;bottom:0;right:0;z-index:2;}
.resizable_f_c{ width:100%;cursor:s-resize;bottom:0;left:0;z-index:1;}

/* Shadow */
.shadow{ display:none;overflow:hidden;position:absolute;z-index:41;}
.shadow .shadow_h, .shadow .shadow_h_l, .shadow .shadow_h_r, .shadow .shadow_h_c,
.shadow .shadow_f, .shadow .shadow_f_l, .shadow .shadow_f_r, .shadow .shadow_f_c{ display:block;overflow:hidden;height:6px;}
.shadow .shadow_h, .shadow .shadow_c, .shadow .shadow_f{ position:relative;}
.shadow .shadow_h_l, .shadow .shadow_c_l, .shadow .shadow_f_l{ width:6px;position:absolute;top:0;left:0;}
.shadow .shadow_h_r, .shadow .shadow_c_r, .shadow .shadow_f_r{ width:6px;position:absolute;top:0;right:0;}
.shadow .shadow_h_c, .shadow .shadow_c_c, .shadow .shadow_f_c{ margin:0 6px;}
.shadow .shadow_c, .shadow .shadow_c_l, .shadow .shadow_c_r, .shadow .shadow_c_c{ display:block;overflow:hidden;height:100%;}

/* Shadow */
.shadow .shadow_h_l{ background-image:url(../default/images/shadow/shadow_h_l.png);background-repeat:no-repeat;}
.shadow .shadow_h_r{ background-image:url(../default/images/shadow/shadow_h_r.png);background-repeat:no-repeat;}
.shadow .shadow_h_c{ background-image:url(../default/images/shadow/shadow_h_c.png);background-repeat:repeat-x;}
.shadow .shadow_c_l{ background-image:url(../default/images/shadow/shadow_c_l.png);background-repeat:repeat-y;}
.shadow .shadow_c_r{ background-image:url(../default/images/shadow/shadow_c_r.png);background-repeat:repeat-y;}
.shadow .shadow_c_c{ background-image:url(../default/images/shadow/shadow_c_c.png);background-repeat:repeat;}
.shadow .shadow_f_l{ background-image:url(../default/images/shadow/shadow_f_l.png);background-repeat:no-repeat;}
.shadow .shadow_f_r{ background-image:url(../default/images/shadow/shadow_f_r.png);background-repeat:no-repeat;}
.shadow .shadow_f_c{ background-image:url(../default/images/shadow/shadow_f_c.png);background-repeat:repeat-x;}

/* Tree */
.tree li{ clear:both;display:block;line-height:24px;cursor:pointer;}
.tree div, .tree a, .tree span{ display:inherit;height:24px;line-height:24px;}
.tree div{ display:block;overflow:hidden;}
.tree div div{ float:left;display:block;overflow:hidden;width:22px;height:24px;border:none;background-position:0 -100px;}
.tree a, .tree a:hover{ text-decoration:none;}
.tree .collapsable{ background-position:0 -300px;}
.tree .first_collapsable{ background-position:0 -250px;}
.tree .last_collapsable{ background-position:0 -350px;}
.tree .expandable{ background-position:0 -100px;}
.tree .first_expandable{ background-position:0 -50px;}
.tree .last_expandable{ background-position:0 -150px;}
.tree .end_expandable{ background-position:0 0;}
.tree .end_collapsable{ background-position:0 -200px;}
.tree .indent{ background:none;}
.tree .line{ background-position:0 -400px;}
.tree .node{ background-position:0 -450px;}
.tree .last .node{ background-position:0 -500px;}
.tree .folder_expandable{ background-position:0 0;}
.tree .folder_collapsable{ background-position:0 -50px;}
.tree .file{ background-position:0 -100px;}
.tree .unchecked{ background-position:0 0;}
.tree .hover .unchecked{ background-position:0 -50px;}
.tree .checked{ background-position:0 -100px;}
.tree .hover .checked{ background-position:0 -150px;}
.tree .indeterminate{ background-position:0 -200px;}
.tree .hover .indeterminate{ background-position:0 -250px;}
.tree div div{ background-image:url(../default/images/tree/tree.png);background-repeat:no-repeat;}
.tree .folder_collapsable, .tree .folder_expandable, .tree .file{ background-image:url(../default/images/tree/folder.png);background-repeat:no-repeat;}
.tree .checked, .tree .unchecked, .tree .indeterminate{ background-image:url(../default/images/tree/check.png);background-repeat:no-repeat;}

/* Accordion */
.accordion{ display:block;border-style:solid;border-width:1px 1px 0 1px;}
.accordion .accordionHeader{ display:block;overflow:hidden;background-repeat:repeat-x;cursor:pointer;border-bottom-width:1px;border-bottom-style:solid;}
.accordion .accordionHeader h2{ display:block;overflow:hidden;padding:0 30px 0 5px;height:30px;line-height:30px;}
.accordion .accordionContent{ display:block;overflow:auto;border-style:solid;border-width:0 0 1px 0;}

.accordion .accordionHeader h2{ background-repeat:no-repeat;background-position:100% 2px;}
.accordion .accordionHeader.hover h2{ background-position:100% -23px;}
.accordion .accordionHeader .collapsable{ background-position:100% -48px;}
.accordion .accordionHeader.hover .collapsable{ background-position:100% -73px;}

/* Grid */
.panelBar{ display:block;overflow:hidden;height:28px;border-style:solid;border-width:1px 0;background-repeat:repeat-x;}
.panelBar ul{ padding:1px 5px;}
.panelBar li{ float:left;display:block;overflow:hidden;height:26px;padding:0 5px;}
.panelBar .toolBar li a:hover{ border-radius:2px;}
.panelBar .toolBar li a{ line-height:22px;display:block;overflow:hidden;padding:2px 5px;text-decoration:none;}
.panelBar .toolBar li.line{ display:block;overflow:hidden;height:24px;width:1px;border-radius:1px;border-width:1px;border-style:solid;padding:0;text-indent:-1000px;}

.panelBar .pages{ float:left;overflow:hidden;height:21px;padding:2px 5px;}
.panelBar .pages span{ float:left;line-height:21px;}
.panelBar .pages select{ float:left;margin:0 3px;font-size:12px;}

.pagination{ float:right;padding-left:7px;background-position:0 -199px;}
.pagination li, .pagination li.hover{ padding:0 0 0 5px;background-position:0 -100px;}
.pagination a, .pagination li.hover a, .pagination li span{ float:left;display:block;padding:0 5px 0 0;text-decoration:none;line-height:23px;background-position:100% -150px;}
.pagination li.selected a{ color:red;font-weight:bold;}
.pagination span, .pagination li.hover span{ float:left;display:block;height:23px;line-height:23px;cursor:pointer;}

.pagination li .first span, .panelBar li .previous span{ padding:0 0 0 10px;}
.pagination li .next span, .panelBar li .last span{ padding:0 10px 0 0;}
.pagination li .first span{ background-position:0 -244px;}
.pagination li .previous span{ background-position:0 -294px;}
.pagination li .next span{ background-position:100% -344px;}
.pagination li .last span{ background-position:100% -394px;}
.pagination li .last{ margin-right:5px;}

.pagination li.disabled{ background:none;}
.pagination li.disabled span, .grid .pagination li.disabled a{ background-position:0 100px;cursor:default;}
.pagination li.disabled span span{ color:#666;}
.pagination li.disabled .first span{ background-position:0 -444px;}
.pagination li.disabled .previous span{ background-position:0 -494px;}
.pagination li.disabled .next span{ background-position:100% -544px;}
.pagination li.disabled .last span{ background-position:100% -594px;}
.pagination li.disabled .last{ margin-right:5px;}

.pagination li.jumpto{ padding:2px 2px 0 7px;background-position:0 -200px;}
.pagination li.jumpto .textInput{ float:left;width:30px;padding:1px;border-color:#acaeaf;}
.pagination li.jumpto .goto{ float:left;display:block;overflow:hidden;width:16px;height:19px;border:0;text-indent:-1000px;background-position:0 -650px;cursor:pointer;}

/* CSS Table */
table.list { border-collapse:collapse;border:solid 1px #ededed;position:relative;}
table.list thead tr { background:url("../default/images/tableth.png") repeat-x scroll 0 0 #F0EFF0;}
table.list th { padding:1px 2px;line-height:26px;border-right:solid 1px #D0D0D0;border-bottom:solid 1px #D0D0D0;font-weight:bolder;}
table.list td { padding:1px 2px;line-height:24px;border-right:solid 1px #ededed;}
table.list th.order{ background:url(../default/images/order.gif) no-repeat right;cursor:pointer;}
table.list th.asc{ background:url(../default/images/order_up.gif) no-repeat right;cursor:pointer;}
table.list th.desc{ background:url(../default/images/order_down.gif) no-repeat right;cursor:pointer;}
table.list tbody { background-color:#fff;}
table.list .right { text-align:right;}
table.list .trbg { background-color:#f8f8f8;}
table.list .hover { background-color:#fff5c0;}
table.list .selected { background-color:#CDE8FF;}
table.list a { color:#3C7FB1;}
table.list a:hover { text-decoration:underline;}
table.list td span.error { z-index:-1}
table.nowrap tbody tr { border-bottom:solid 1px #ededed;}


/* Taskbar */
#taskbar{ overflow:hidden;height:26px;border-style:solid;border-width:0;border-color:#0f3255;background-color:#112746;background-repeat:repeat-x;position:absolute;z-index:30;}
#taskbar .taskbarContent{ display:block;overflow:hidden;height:26px;position:relative;}
#taskbar .taskbarMargin{ margin:0 20px;}
#taskbar ul{ position:absolute;width:10000px;}
#taskbar li{ float:left;height:25px;margin-left:2px;padding-left:5px;background-position:0 -50px;position:relative;cursor:pointer;}
#taskbar li .taskbutton{ float:left;display:block;overflow:hidden;height:25px;background-position:100% -100px;}
#taskbar li .taskbutton span{ display:block;overflow:hidden;width:70px;height:25px;line-height:26px;padding:0 25px 0 0;}

#taskbar .selected{ background-position:0 -250px;}
#taskbar .selected .taskbutton{ background-position:100% -300px;}
#taskbar .hover{ background-position:0 -150px;}
#taskbar .hover .taskbutton{ background-position:100% -200px;}

#taskbar .close, #taskbar .restore, #taskbar .minimize{ display:block;overflow:hidden;width:11px;height:11px;padding:0;text-indent:-1000px;position:absolute;top:5px;}
#taskbar .close{ right:3px;}
#taskbar .closeHover{ background-position:0 -50px;}
#taskbar .restore{ right:14px;background-position:0 -100px;}
#taskbar .restoreHover{ background-position:0 -150px;}
#taskbar .minimize{ right:14px;background-position:0 -200px;}
#taskbar .minimizeHover{ background-position:0 -250px;}

#taskbar .taskbarLeft, #taskbar .taskbarRight{ display:block;overflow:hidden;width:18px;height:29px;text-indent:-1000px;position:absolute;top:0;}
#taskbar .taskbarLeft{ background-position:0 0;left:2px;cursor:pointer;}
#taskbar .taskbarLeftHover{ background-position:0 -50px;}
#taskbar .taskbarLeftDisabled{ background-position:0 -100px;cursor:default;}
#taskbar .taskbarRight{ background-position:0 -150px;right:2px;cursor:pointer;}
#taskbar .taskbarRightHover{ background-position:0 -200px;}
#taskbar .taskbarRightDisabled{ background-position:0 -250px;cursor:default;}

/* ProgressBar */
#progressBar{ display:block;width:28px;height:28px;font-size:28px;position:absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;z-index:2001;}
#background{ display:block;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:2000;}
.alertBackground{ display:none;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:1010;}
.dialogBackground{ display:none;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:900;}

/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled{ padding:3px;margin:0;line-height:14px;font-size:12px;border-style:solid;border-width:1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
input.required, textarea.required{ background-position:100% 0;}
input.gray, textarea.gray{ color:gray;}
select{ border:1px solid;border-color:#A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0}

.inputButton{ float:left;display:block;overflow:hidden;text-indent:-1000px;width:16px;height:21px;}
.inputButton:hover{ background-position:0 -50px;}
.inputDateButton{ float:left;display:block;overflow:hidden;text-indent:-1000px;width:16px;height:21px;background-position:0 -100px;}
.inputDateButton:hover{ background-position:0 -150px;}

span.error{ display:block;overflow:hidden;width:165px;height:21px;padding:0 3px;line-height:21px;background:#F00;color:#FFF;position:absolute;top:5px;left:318px;}
label.alt{ display:block;overflow:hidden;position:absolute;line-height:20px}
.nowrap span.error{ position:static;}

/* Button */
.button,.buttonActive{ display:inline-block;height:22px;padding:2px 22px;border:none;border-radius:2px;cursor:pointer;text-align:center;line-height:22px;white-space:nowrap;font-size:14px;letter-spacing:.03em;overflow:hidden;}
button.button,button.buttonActive{ height:26px;}
.button:hover{ text-decoration:none;}
.buttonActive{ font-weight:bold;}
/* ----------------------------------------------------------------- Pages */
/* Layout */
#leftside{ position:relative;}
#sidebar{ width:200px;position:absolute;top:0px;left:0px;z-index:20;overflow:hidden;}
#sidebar #menu{ overflow:auto;}
#sidebar_s{ display:none;width:26px;position:absolute;top:1px;left:0;z-index:21;}
#splitBar{ display:block;overflow:hidden;width:2px;cursor:col-resize;position:absolute;top:40px;left:200px;z-index:20;}
#splitBarProxy{ display:none;overflow:hidden;width:2px;border-style:solid;border-color:#c0c0c0;background:#CCC;border-width:1px;cursor:col-resize;position:absolute;top:40px;left:200px;z-index:20;}

.toggleCollapse{ overflow:hidden;}
.toggleCollapse div{ display:block;overflow:hidden;width:25px;height:28px;background-position:100% -47px;cursor:pointer;}
.toggleCollapse div:hover{ background-position:100% -97px;}

#sidebar_s .collapse{ height:200px;cursor:pointer;}
#sidebar_s .toggleCollapse{ border:0;background:none;}
#sidebar_s .toggleCollapse div{ width:21px;border:0;background-position:-2px -147px;}
#sidebar_s .toggleCollapse div:hover{ background-position:-2px -197px;}

.themeList li div{ background:url(../default/images/themeButton.png) no-repeat;}
.themeList{ width:100px;position:absolute;right:0px;top:0px;padding:7px;}
.themeList li{ float:left;padding:0 3px;}
.themeList li div{ display:block;overflow:hidden;width:13px;height:11px;text-indent:-100px;cursor:pointer;}
.themeList li.azure div{ background-position:0 0;}
.themeList li.azure .selected{ background-position:0 -20px;}
.themeList li.purple div{ background-position:-20px 0;}
.themeList li.purple .selected{ background-position:-20px -20px;}
.themeList li.silver div{ background-position:-40px 0;}
.themeList li.silver .selected{ background-position:-40px -20px;}
.themeList li.default div{ background-position:-60px 0;}
.themeList li.default .selected{ background-position:-60px -20px;}

/* Pages default */
.page{ display:block;overflow:hidden;float:left;width:100%;height:100%;}
.pageHeader{ display:block;overflow:hidden;padding:5px;position:relative;}
.searchBar ul.searchContent{ display:block;overflow:hidden;height:25px;margin-right:50px}
.searchBar ul.searchContent:hover,.searchBar ul.searchContentHover{ height:auto;}
.searchBar input,.searchBar span{ float:left;}
.searchBar span{ line-height:20px;}
.searchBar ul.searchContent li{ float:left;white-space:nowrap;display:block;overflow:hidden;width:230px;height:21px;padding:2px 0;}
.searchBar ul.searchContent li.colspan{ width:460px;}
.searchBar label{ float:left;width:65px;padding:0 5px;line-height:23px;}
.searchBar .subBar{ height:30px;position:absolute;bottom:2px;right:2px;}
.searchBar .subBar ul{ float:right;}
.searchBar .subBar li{ float:left;margin-left:5px;}
.pageContent{ display:block;overflow:auto;position:relative;}

.dateRange input{ width:72px;}
.dateRange .limit{ text-align:center;width:15px;line-height:21px;}

/* Pages Form */
.pageForm{ display:block;overflow:auto;}
.pageFormContent{ display:block;overflow:auto;padding:10px 5px;position:relative;height:100%;}
.pageFormContent div.unit{ display:block;margin:0;padding:5px 0;position:relative;clear:both;}
.pageFormContent p{ float:left;display:block;min-width:380px;margin:0;padding:5px 0;position:relative;}
.pageFormContent p.nowrap{ width:100%}
.pageFormContent .radioGroup{ float:left;display:block;overflow:hidden;}
.pageFormContent label{ float:left;width:120px;padding:2px 5px;}
.pageFormContent label.radioButton{ float:left;width:auto;padding:0 10px 0 0;}
.pageFormContent .textInput{ float:left;}
.pageFormContent select{ float:left;}
.pageFormContent .inputInfo{ padding:0 5px;line-height:21px;}
.pageFormContent span.unit, .pageFormContent a.unit{ padding:0 5px;line-height:21px;}
.pageFormContent span.info{ color:#7F7F7F;display:block;line-height:21px;float:left;}

.pageFormContent dl{ float:left;line-height:22px;display:block;width:380px;margin:0;padding:5px 0;position:relative;}
.pageFormContent dt{ float:left;width:120px;padding:0 5px;}
.pageFormContent dd{ display:block;width:220px;float:left;}
.pageFormContent dl.nowrap, .nowrap dl{ width:100%;height:auto;clear:both;}
.pageFormContent dl.nowrap dd, .nowrap dd{ width:560px;}

fieldset{ padding:3px;margin:0 0 5px 0;border:1px dotted #B8D0D6;}
fieldset legend{ padding:2px;border:1px dotted #B8D0D6;font-weight:bold;}
fieldset legend:hover{ background-color:#dddddd;}

.formBar{ clear:both;padding:0 5px;height:30px;padding-top:5px;border-style:solid;border-width:0 0 1px 0;}
.formBar ul{ float:right;}
.formBar li{ float:left;margin-left:5px;}
.divider{ clear:both;display:block;overflow:hidden;text-indent:-1000px;width:auto;height:1px;padding:4px 0 0 0;margin-bottom:5px;border-style:dotted;border-width:0 0 1px 0;}

/* Pages dialog */
.dialog .pageHeader{ border-style:solid;border-width:1px;margin:0}
.dialog .pageContent{ border-style:solid;border-width:0 1px;}
.dialog .viewInfo{ border-style:solid;border-width:1px 0 0 0;}
.dialog .formBar{ border-style:solid;border-width:1px 0;}


.combox{ float:left;margin-right:3px;background-position:100% -25px;}
.combox select{ display:none}
.combox .select{ float:left;}
.combox .select a{ float:left;display:block;overflow:hidden;height:23px;padding:0 25px 0 6px;line-height:21px;text-decoration:none;font-size:12px;background-position:100% -50px;}
.comboxop{ position:absolute;z-index:1001;display:none;padding:4px;border-style:solid;border-width:1px 2px 2px 1px;background:#fff;position:absolute;top:22px;left:1px;}
.comboxop a{ width:50px;height:21px;padding:0 5px;line-height:21px;text-align:left;color:#000;background:none;}
.comboxop a:hover{ background:#e0e0e0;}
.comboxop .selected{ background:#e0e0e0;}
.comboxop li{ text-align:left;}

/* contentTitle */
h2.contentTitle{ padding:5px 10px;line-height:24px;font-size:14px;border-bottom:solid 1px #CCC;}
h3.contentTitle{ line-height:24px;font-size:13px;border-bottom:solid 1px #CCC;clear:both;}
.dialog h2.contentTitle{ border:none}

/* rightMenu */
#contextmenu{ display:none;position:absolute;z-index:500;left:0;top:0;}
#contextmenu ul{ list-style:none;padding:1px;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#contextmenu li{ display:block;color:#000;padding:3px;margin:0;border:1px solid #fff;background-color:transparent;text-align:left;cursor:default;}
#contextmenu li.hover{ border:1px solid #0a246a;background-color:#b6bdd2}
#contextmenu li.disabled{ color:#666;}
#contextmenuShadow{ display:none;position:absolute;opacity:0.2;filter:alpha(opacity=20);background-color:#000;z-index:499;}

/* calendar */
#calendar{ margin:0;width:208px;z-index:1001;position:absolute;display:block;border:1px solid #B3E4EB;display:none;}
#calendar *{ margin:0;padding:0;font-size:12px;line-height:18px}
#calendar .main{ margin:auto;padding:2px;text-align:center;background:#ffffff;zoom:1;position:relative;}
#calendar .head{ background:#EDF8FF;border:1px solid #BEE9F0}
#calendar .head select{ width:60px;}
#calendar .body{ margin:2px 0;padding:2px;clear:both;overflow:hidden;border:1px solid #BEE9F0;position:relative;}
#calendar .foot{ background:#EDF8FF;border:1px solid #BEE9F0;text-align:right;padding:1px}
#calendar .nodate .head, #calendar .nodate .body{ display:none;}
#calendar dl{ clear:both;margin:auto;overflow:hidden;}
#calendar dt, #calendar dd, #calendar span{ width:26px;height:18px;display:block;float:left;overflow:hidden;zoom:1;border:1px solid #fff;}
#calendar dt{ margin-top:4px;font-weight:bold;color:#666666;}
#calendar .days dd{ cursor:pointer;}
#calendar .days dd.other{ color:#6A6AFF}
#calendar .days dd.slt{ background:#B3E4EB;border:1px solid #66CCCC;}
#calendar .days dd:hover{ border:1px solid #66CCCC;}
#calendar .days dd.disabled{ background:#ccc;}
#calendar .close{ width:16px;height:16px;font-size:16px;display:block;cursor:pointer;border:1px solid #CCC;text-align:center;}
#calendar .clearBut, #calendar .okBut{ background-color:#CFEBEE;border:1px solid #38B1B9;color:#08575B;width:40px;}
#calendar .time{ border-collapse:collapse;float:left;background-color:#fff;display:none;}
#calendar .time td{ border:1px solid #61CAD0;line-height:16px;vertical-align:center;}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{ width:18px;height:16px;border:none}
#calendar .time ul{ list-style:none}
#calendar .time .up, #calendar .time .down{ font-size:8px;height:8px;line-height:100%;border:1px solid #BEE9F0;cursor:pointer;}
#calendar .tm{ text-align:center;}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{ border:1px solid #A3C6C8;position:absolute;left:4px;bottom:34px;background-color:#ffffc0;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{ display:block;}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{ display:block;float:left;cursor:pointer;width:20px;line-height:21px}
#calendar .tm .hh li:hover, #calendar .tm .mm li:hover, #calendar .tm .ss li:hover{ background:#B3E4EB;}

/* suggest */
#suggest{ position:absolute;z-index:2000;left:0;top:0;}
#suggest ul{ list-style:none;padding:1px;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#suggest li{ display:block;color:#000;padding:3px;margin:0;border:1px solid #fff;background-color:transparent;text-align:left;cursor:default;}
#suggest li.selected{ border:1px solid #0a246a;background-color:#b6bdd2}

/* button */
a.btnDel,a.btnSelect, a.btnLook, a.btnAttach{ background:url(../default/images/button.gif) no-repeat;display:block;width:22px;height:20px;text-indent:-1000px;overflow:hidden;float:left;margin-right:3px}
a.btnDel{ background-position:-23px 0}
a.btnSelect{ background-position:-92px 0}
a.btnLook{ background-position:-161px 0}
a.btnAttach{ background-position:-183px 0}
.center a.btnDel, .center a.btnSelect, .center a.btnLook, .center a.btnAttach{ display:inline-block;float:none}
.right a.btnDel, .right a.btnSelect, .right a.btnLook, .right a.btnAttach{ display:inline-block;float:none;text-indent:1000px}

.viewInfo{ padding:10px 5px}
.viewInfo dl{ float:left;display:block;width:380px;line-height:22px;margin:0;padding:5px 0;position:relative;}
.viewInfo dt{ float:left;width:120px;padding:0 5px;text-align:right;}
.viewInfo dd{ display:block;width:220px;float:left;border-bottom:1px dotted #999;min-height:21px}
.viewInfo dl.nowrap{ width:100%;height:auto;clear:both;}
.viewInfo dl.nowrap dt{ width:120px;}
.viewInfo dl.nowrap dd{ width:auto;}
.dialogContent .viewInfo,.dialogContent .pageContent{ background-color:#fff}

.sortDragPlaceholder{ border:1px dashed #ccc;}
#printBox{ display:none}
